@charset "utf-8";

/* CSS Document */

#nav{  background-color: #E84C23;color:white;}

#nav .navBox{border:2px solid #7f1313;}

#nav .li a:hover{background:url(../images/index/background_03_red.png) repeat-x 0 -44px;}

#nav .li{border-left:1px solid #832222;border-right:1px solid #b55555;}

#nav .navBox ul li a:hover{color:white;background:#7f1313;}

#nav .navBox ul li .hover_no{color:white;background:#7f1313;}

#nav .dateSearch{border-left:1px solid #832222;}

#nav .navLi{width:85px;background:url(../images/index/list_icons_red.png) no-repeat 0 -127px;border-left:1px solid #832222;border-right:1px solid #b55555;}

#nav .dateLi .dateA{color:white;background:url(../images/index/list_icons_red.png) no-repeat 99px -253px;}

#nav .dateLi .dateA:hover{background:url(../images/index/list_icons_red.png) no-repeat -18px -253px;}

#nav .navLi{width:85px;position:relative;z-index:3;}

/*#nav .navLiHover{background:url(../images/index/list_icons_red.png) no-repeat -85px -127px;}*/

#main .A1{background:url(../images/index/list_icons_red.png) no-repeat 0 -88px;}

#main .A2{background:url(../images/index/list_icons_red.png) no-repeat -121px -88px;}

#main .A3{background:url(../images/index/list_icons_red.png) no-repeat -236px -88px;}

#main .A4{background:url(../images/index/list_icons_red.png) no-repeat -350px -88px;}

#main .download .iPhone{background:url(../images/index/list_icons_red.png) no-repeat;}

#main .download .iPhone:hover{background-position:0 -44px;}

#main .download .iPad{background:url(../images/index/list_icons_red.png) no-repeat -108px 0;}

#main .download .iPad:hover{background-position:-108px -44px;}

#main .download .android{background:url(../images/index/list_icons_red.png) no-repeat -210px 0;}

#main .download .android:hover{background-position:-210px -44px;}

#main .download .androidPad{background:url(../images/index/list_icons_red.png) no-repeat -326px 0;}

#main .download .androidPad:hover{background-position:-326px -44px;}



#vlist .v_bot .v_b_left ul li:hover{ color:#FFF;background-color:#7f1313;}

.worksbox{width:120px;height:170px;position:relative;}

.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:1px;display:block;}

.worksbox a:hover{border:1px solid #7f1313;background-color:#7f1313;text-decoration: none;}

.worksbox a span{display:none; text-align:center; font-size:12px;filter:alpha(opacity=70);}

.worksbox a:hover span{color:#FFF;display:block;background-color:#7f1313;width:120px;position:absolute;top:150px;left:0px;line-height:20px;}

.worksbox a img{width:114px;height:164px;}



.selectBox{display:block; position:absolute; z-index:10; background-color:#ff0000;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

#divfocus{border:#ff0000 solid 4px; width:250px; position:absolute; padding:10px 15px; font-size:20px; background-color:#EEE;z-index:10;display:none;text-align:left;vertical-align:middle; font-family:����,����,Verdana, Geneva, sans-serif;}

#page a{background:#7f1313;}
#page a:hover {background:#7f1313;}